.clearfix::after {
  display: block;
  clear: both;
  content: "";
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.fn {
  float: none;
}
.tl {
  text-align: left;
}
.tr {
  text-align: right;
}
.tc {
  text-align: center;
}
.pointer{
  cursor: pointer;
}
.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@mixin line-truncate($line: 2) {
  overflow : hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: $line;
}
.line-truncate {
  @include line-truncate;
}
@for $num from 1 through 10 {
  .line-truncate-#{$num} {
    @if $num == 1 {
      @extend .text-truncate;
    } @else {
      @include line-truncate($num);
    }
  }
}